<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
	<title>MessageBox</title>
	<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
	<link rel="stylesheet" type="text/css" href="../examples.css" />

	<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>

	<script type="text/javascript" src="../../ext-all-debug.js"></script>

	<style type="text/css">
       .x-window-dlg .ext-mb-download {
            background:transparent url(images/download.gif) no-repeat top left;
            height:46px;
        }
     </style>
</head>
<body>
	<form id="form1" runat="server">
	</form>
	<ssfx:Scriptlet runat="server" ID="scriptlet" EnableDebugging="True" PrecompiledScriptlet="SampleScripts.messagebox.MessageBoxScript">
        <References>
            <ssfx:AssemblyReference Name="sscorlib"></ssfx:AssemblyReference>
            <ssfx:AssemblyReference Name="ssfx.Core"></ssfx:AssemblyReference>
            <ssfx:AssemblyReference Name="ExtSharp"></ssfx:AssemblyReference>
            <ssfx:AssemblyReference Name="SampleScripts"></ssfx:AssemblyReference>
        </References>
	</ssfx:Scriptlet>
	<h1>
		MessageBox Dialogs</h1>
	<p>
		The example shows how to use the MessageBox class. Some of the buttons have animations,
		some are normal.</p>
	<p>
		The js is not minified so it is readable. See <a href="msg-box.js">msg-box.js</a>.</p>
	<p>
		<b>Confirm</b><br />
		Standard Yes/No dialog.
		<button id="mb1">
			Show</button>
	</p>
	<p>
		<b>Prompt</b><br />
		Standard prompt dialog.
		<button id="mb2">
			Show</button>
	</p>
	<p>
		<b>Multi-line Prompt</b><br />
		A multi-line prompt dialog.
		<button id="mb3">
			Show</button>
	</p>
	<p>
		<b>Yes/No/Cancel</b><br />
		Standard Yes/No/Cancel dialog.
		<button id="mb4">
			Show</button>
	</p>
	<p>
		<b>Progress Dialog</b><br />
		Dialog with measured progress bar.
		<button id="mb6">
			Show</button>
	</p>
	<p>
		<b>Wait Dialog</b><br />
		Dialog with indefinite progress bar and custom icon (will close after 8 sec).
		<button id="mb7">
			Show</button>
	</p>
	<p>
		<b>Alert</b><br />
		Standard alert message dialog.
		<button id="mb8">
			Show</button>
	</p>
	<p>
		<b>Icons</b><br />
		Standard alert with optional icon.
		<select id="icons">
			<option id="error" selected="selected">Error</option>
			<option id="info">Informational</option>
			<option id="question">Question</option>
			<option id="warning">Warning</option>
		</select>
		<button id="mb9">
			Show</button>
	</p>
	</form>
</body>
</html>
